<template>
  <div class="me">
    <van-nav-bar title="我的" fixed border @click-right="onClickRight">
      <template #right>
        <van-icon name="setting-o" size="18" />
      </template>
    </van-nav-bar>
    <!-- 头像 -->
    <div>
      <van-row  type="flex" justify="space-around">
        <van-col span="8">
          <h3>风武</h3>
          <p class="van-ellipsis">精致的猪猪男孩哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p>
        </van-col>
        <van-col span="8">
          <van-uploader v-model="fileList" multiple :max-count="1" />
        </van-col>
      </van-row>
    </div>
    <van-tabbar route v-model="active" active-color="#ee0a24" inactive-color="#000" safe-area-inset-bottom fixed  placeholde border>
      <van-tabbar-item replace to="/home" icon="wap-home-o">首页</van-tabbar-item>
      <van-tabbar-item replace to="/recommend" icon="good-job-o">推荐</van-tabbar-item>
      <van-tabbar-item replace to="/message" icon="chat-o">消息</van-tabbar-item>
      <van-tabbar-item replace to="/me" icon="https://b.yzcdn.cn/vant/icon-demo-1126.png">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>
<script>
export default {
  data() {
    return {
      fileList: [],
    }
  },
  methods: {
    onClickRight(){
      this.$router.push({
        path:'/set'
      })
    }
  },
}
</script>
<style lang="scss">
.van-row{
  width: 90%;
  margin: auto;
  margin-top: 15%;
  background-color: darkcyan;
  // border: 1px solid rgba(7, 243, 223, 0.979);
  .van-col{
    margin-top: 5%;
  }
}
.share{
  width: 90%;
  margin: auto;
  margin-top: 5%;
  background-color: lightblue;
}
</style>
